<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <meta content="yes" name="apple-mobile-web-app-capable" />
  <meta content="yes" name="apple-touch-fullscreen" />
  <meta content="telephone=no,email=no" name="format-detection" />
  <meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes" />
  <title>萌宝购物</title>
  <link rel="stylesheet" href="css/weui.min.css">
  <link rel="stylesheet" href="css/jquery-weui.min.css">
	<link rel="stylesheet" href="css/home.css">
  <link rel="stylesheet" href="font/iconfont.css">
</head>

<body>
  <div class="container">
    <header class="header">
      <div class="weui-flex">
        <div class="icon"><a href="#"><i class="iconfont icon-back"></i></a></div>
        <div class="weui-flex__item">
          <div class="title">登录</div>
        </div>
        <div class="txt"><a href="#">注册</a></div>
      </div>
    </header>

    <main class="main">
      <div class="login-banner">
        <img src="img/banner.png" alt="">
      </div>
      <div class="login">
        <form action="#" class="login-form">
          <div class="weui-cells" style="margin-top: 0;">
            <div class="weui-cell">
              <div class="weui-cell__hd"><label class="weui-label"><i class="iconfont icon-user"></i></label></div>
              <div class="weui-cell__bd">
                <input class="weui-input" type="number" pattern="[0-9]*" placeholder="请输入手机号码">
              </div>
            </div>
            <div class="weui-cell">
              <div class="weui-cell__hd"><label class="weui-label"><i class="iconfont icon-lock"></i></label></div>
              <div class="weui-cell__bd">
                <input class="weui-input" type="password" placeholder="请输入密码">
              </div>
            </div>
            <div class="weui-cell weui-cell_vcode">
              <div class="weui-cell__hd"><label class="weui-label"><i class="iconfont icon-safetycertificate"></i></label></div>
              <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="请输入验证码">
              </div>
              <div class="weui-cell__ft">
                <img class="weui-vcode-img" src="img/vcode.jpg">
              </div>
            </div>
          </div>
          <div class="btn">
            <a href="javascript:;" class="weui-btn weui-btn_primary">登录</a>
          </div>
        </form>
      </div>
    </main>

  </div>

  <script src="js/jquery.min.js"></script>
  <script src="js/fastclick.js"></script>
  <script>
    $(function () {
      FastClick.attach(document.body);
    });
  </script>
  <script src="js/jquery-weui.min.js"></script>

</body>

</html>